<script setup lang="ts">

import {
  ChatLineSquare,
  Coin,
  Connection,
  DocumentCopy,
  EditPen,
  Reading,
} from "@element-plus/icons-vue";
</script>

<template>
  <div class="creative-header-box">
    <div class="creative-header-img-btn">
      <div class="creative-header-img">
        <el-icon size="40">
          <Reading/>
        </el-icon>
      </div>
      <el-button link class="creative-header-margin">
        写文章
      </el-button>
    </div>
    <div class="creative-header-img-btn">
      <div class="creative-header-img">
        <el-icon size="40">
          <EditPen/>
        </el-icon>
      </div>
      <el-button link class="creative-header-margin">
        写代码
      </el-button>
    </div>
    <div class="creative-header-img-btn">
      <div class="creative-header-img">
        <el-icon size="40">
          <DocumentCopy/>
        </el-icon>
      </div>
      <el-button link class="creative-header-margin">
        发动态
      </el-button>
    </div>
    <div class="creative-header-img-btn">
      <div class="creative-header-img">
        <el-icon size="40">
          <ChatLineSquare/>
        </el-icon>
      </div>
      <el-button link class="creative-header-margin">
        提问题
      </el-button>
    </div>
    <div class="creative-header-img-btn">
      <div class="creative-header-img">
        <el-icon size="40">
          <Connection/>
        </el-icon>
      </div>
      <el-button link class="creative-header-margin">
        传资源
      </el-button>
    </div>
    <div class="creative-header-img-btn">
      <div class="creative-header-img">
        <el-icon size="40">
          <Coin/>
        </el-icon>
      </div>
      <el-button link class="creative-header-margin">
        建项目
      </el-button>
    </div>
  </div>
</template>

<style scoped lang="scss">
@import "style/CreativeHeader";
</style>